<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>CSS基本语法</title> 
<style>
p{
    color:blueviolet;
	text-align:center;
} 
p.date{text-align: right;}
p.main{text-align: justify;}
p.overline{text-decoration: overline;}
p.line-through{text-decoration:line-through;}
p.underline{text-decoration: underline;}
p.spacing2{letter-spacing: 2px;}
p.spacing-1{letter-spacing: -1px;}
p.lineheight70{line-height: 70%;}
p.lineheight200{line-height: 200%;}
p.direction{direction: rtl}
</style>
</head>

<body>
    
<p>Hello World!</p>
<p class="date">2017年3月3日</p>
<p class="main">这是主要的文本</p>
<p class="overline">text-decoration-overline</p>
<p class="line-through">text-decoration-line-through</p>
<p class="underline">text-decoration-underline</p>
<p class="spacing2">text letter-spacing2</p>
<p class="spacing-1">text letter-spacing-1</p>
<p class="lineheight70">line-height=70%</p>
<p class="lineheight70">line-height=70%</p>
<p class="lineheight200">line-height=200%</p>
<p class="lineheight200">line-height=200%</p>
<p class="direction">此文本是从右到左，以符号反转。</p>
</body>
</html>